html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0px; padding:0px;}
body {text-align: center;}
a {text-decoration: none;}

		/*导航栏样式*/
		#DaoHangLan_w{
			width: 100%;
			height: 4.5rem;
			background-color: #FFFFFF;
			text-align: center;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 999;
		} 
			
		#DaoHangLan {
			width: 80rem;
			height: 4.5rem;
			background-color: #FFFFFF;
			margin: 0 auto;
			z-index: 999;
			display: flex;
			justify-content: space-between;
			
		}
		
		#logo {
			width: auto;
			height: 4.5rem;
			float: left;
			margin-right: 20rem;
		}
		
		#GongSiMing {
			width: 33rem;
			height: 4.5rem;
			line-height: 5rem;
			color: cornflowerblue;
			font-size: 1.8rem;
			font-family: "楷体";
			font-weight: bold;
			margin-top: 0rem;
			margin-left: 0.5rem;
			background-color: #FFFFFF;
			text-align: left;
			float: left;
		}
		
		#DaoHangLan ul {
			list-style: none;
			width: auto;
			height: 3rem;
			float: left;
			margin-top: 1rem;
		}
		
		#DaoHangLan li {
			line-height: 3rem;
			float: left;
			overflow-y:hidden; 
		}
		
		#DaoHangLan li:nth-child(n+1){
			width: 6rem;
			height: 3rem;
			text-align: center;
			background-color: #FFFFFF;
		}
		#DaoHangLan li:nth-child(n+1):hover {
			width: 6rem;
			height: auto;
			text-align: center;
			background-color: #FFFFFF;
			
		}
		#DaoHangLan li:nth-child(n+1) a {
			color: black;
			font-size: 1.2rem;
			font-weight: bold;
			font-family: "楷体";
			
		}
		#DaoHangLan li:nth-child(n+1) a:hover {
			color: #1E90FF;
			border-bottom: 0.2rem solid  #1E90FF;
		}
		#DaoHangLan li:nth-child(n+1) div a {
			font-size: 0.8rem;
		}
		/*轮播图样式*/
		#MovePotos {
			width: auto;/*设置轮播区域的宽高，即父级盒子宽高*/
			height: 80vh;
			margin-top: 4.5rem;
			z-index: -10;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: initial;
			
		}
		/* #mp_swipe {
			width: 100vw;
			height: 100vh;
		} */
		 
		/*正文样式*/
		#zhengWen {
			width: auto;
			height: auto;
			background-color: #DCDCDC;
			text-align: center;
		}
		#zhengWen_a {
			width: 80rem;
			height: auto;
			background-color: #DCDCDC;
			margin: 0 auto;
			text-align: center;
		}
		/* 业务样式 */
		#yewuTitle{
			width: 80rem;
			height: 10rem;
			background-color: #DCDCDC;
		}
		#yewuBox {
			width: 80rem;
			height: auto;
			background-color: #DCDCDC;
			/* margin-top: 1rem; */
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
			padding-bottom: 5rem;
			text-align: center;
			
		}
		.yewu {
			width: 25rem;
			height: 20rem;
			background-color: #000000;
			margin-top: 1rem;
			margin-bottom: 1rem;
			box-shadow:#000000;
			overflow: hidden;
			position: relative;
		}
		.yewu img {
			width: 100%;
			height: 100%;
			/* 图片动画效果 */
			transition: transform 0.3s ease;
			/* position: relative;
			top: 0;
			left: 0; */
			z-index: 1000;
			
		} 
		.yewu img:hover {
			/* 图片放大 */
			transform: scale(1.2);
			
		} 
		.yewu_infobox {
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.2);
			position: absolute;
			top: 0;
			left: 0;
			text-align: left;
			z-index: 0;
			pointer-events: none;
			
		}
		.yewu_infocontext {
			font-family: "楷体";
			font-size: 1.5rem;
			color: #ffffff;
			position: relative;
			top: 10rem;
			left: 0;
			padding-left:1rem;
			padding-right:1rem;

		}
		.yewu_info01 {
			font-family: "黑体";
			font-size: 2.5rem;
			font-weight: bold;
			color: #FFFFFF;
		}

		.yewuinfo03_a {
			width: auto;
			height: auto;
			text-decoration: none;
			font-family: "楷体";
			font-size: 1.5rem;
			color: #ffffff;
			pointer-events: auto;
			cursor: pointer;
		}
		.yewuinfo03_a:hover {
			font-family: "黑体";
			/* font-weight: bold; */
			border-bottom: 0.2rem solid #1E90FF;
			box-shadow: #1E90FF;
		}
		.yewuinfo {
			margin-bottom: 0.5rem;
		}
		#yewu {
			width: 52.5rem;
			height: 20rem;
			background-color: #000000;
		}
		/* #yewu {
			width: 12rem;
			height: 13rem;
			margin: 0 2rem;
			background-color: #FFFFFF;
			float: left;
			overflow:hidden;
		}
		#yewu img {
			padding-top: 2rem;
			cursor: pointer;
		}
		#yewu p {
			font-size: 0.8rem;
			padding-top: 1rem;
			padding-left: 1rem;
			padding-right: 1rem;
		} */
		/* 案例样式 */
		#anli_w {
			width: auto;
			height: 25rem;
			background-color: #F5F5F5;
			text-align: center;
		}
		#anli {
			width: 80rem;
			height: 25rem;
			background-color: #F5F5F5;
			margin: 0 auto;
		}
		#anli p {
			padding-top: 3rem;
			font-family: "黑体";
			font-size: 2.5rem;
			font-weight: bold;
		}
		#anli img {
			width: 12rem;
			height: 15rem;
			margin: 2rem 2rem;
		}
		/* tab栏样式 */
		#tabListBox_w{
			width: auto;
			height: auto;
			background-color: #FFFFFF;
		}
		#tabListBox {
			width: 80rem;
			height: auto;
			background-color: #FFFFFF;
			margin: 0 auto;
			text-align: center;
		}
		#tabListBox #tabList {
			text-align: center;
		}
		#tabListBox #tabList p {
			width: 10rem;
			font-family: "黑体";
			font-size: 2.5rem;
			font-weight: bold;
			float: left;
			padding-top: 2rem;
		}
		#tabListBox #tabList p:hover {
			cursor: pointer;
		}
		.pCurrent {
			border-bottom: 5px solid #1E90FF;
            cursor: pointer;
		}
		#tabCon {
			width: 80rem;
			height: auto;
			overflow-y: hidden;
		}
		#tabCon #item {
			width: 80rem;
			height: auto;
			text-align: center;
			overflow-y: hidden;
		}
		#item #xinwen{
			width: 18rem;
			height: 15rem;
			float: left;
			margin: 0 auto;
			text-align: center;
		}
		#xinwen img {
			width: 18rem;
			height: 12rem;
		}
		#item #tongzhi {
			width: 30rem;
			height: 8rem;
			background-color: #FFFFFF;
			overflow-y: hidden;
			float: left;
			margin: 0 5rem;
		}
		#item #tongzhi:hover {
			background-color: #999999;
		}
		#tongzhi #riqi {
			width: 5rem;
			height: 6rem;
			float: left;
			margin-top: 2rem;
		}
		#tongzhi #riqi h1 {
			font-size: 1.5rem;
		}
		#tongzhi #riqi p {
			padding-top: 0;
		}
		#tongzhi #tz {
			width: 25rem;
			height: 6rem;
			float: left;
			color: #000000;
			margin-top: 2rem;
			text-align: left;
			overflow-y: hidden;
		}
		#tz a {
			text-decoration: none;
			color: #000000;
			padding-top: 2rem;
		}
		#tz p {
			font-size: 0.8rem;
		}

		.viewmore  button{
			box-sizing: border-box;
			width: 20rem;
			height: 4rem;
			background-color: #FFFFFF;
			color: #000000;
			font-family: "宋体";
			font-size: 2rem;
			font-weight: bold;
			margin: 2rem auto;
			border: 0.1rem solid #000000;
			padding: 1rem auto;
			cursor: pointer;
			display: flex;
			justify-content: center;
			align-items: center;

		}
		
		.viewmore  button:hover {
			background-color: #0559f6;
		}
		/* 样式：联系我们 */
		.box_contact {
			width: 80rem;
			height: 25rem;
			color: #FFFFFF;
			background-image: url(../img/bg/bg_box_contact.jpeg);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			margin: 2rem auto;
			position: relative;
			
			
		}
		.bg_mask {
			content: "111";
            background-color: rgba(0, 0, 0, 0.7); /* 设置遮罩层的颜色 */
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
		}
		.box_contact_content{
			
            width: 100%;
            height: 100%;
			position:absolute;
			top: 0;
            left: 0;
			float: left;
			display: flex;
			justify-content: center;
			align-items: center;
			z-index: 99;
		}
		.contact_info {
			width: 37.5rem;
			height: 20rem;
			box-sizing: border-box;
			
		}
		.contact_info_title {
			text-align: left;
			font-family: "宋体";
			font-size: 2rem;
			font-weight: bold;
			margin: 3rem 0;
		}
		.infoclass {
			display: flex;
			font-family: "宋体";
			font-size: 1.1rem;
			font-weight: bold;
			margin: 1.3rem 0;
		}
		.info_title {
			float: left;
			width: 7rem;
			text-align: left;
			
		}
		.info_content {
			float: left;
			margin-left: 1rem;
			text-align: left;
		}
		.adress_map {
			width: 37.5rem;
			height: 20rem;
			box-sizing: border-box;
			
		}
		.adress_map iframe {
			width: 37.5rem;
			height: 20rem;
		}
		/*底部样式*/
		#diBu {
			width: auto;
			height: 12rem;
			background-color: #272e36;
			text-align: center;
			box-sizing: border-box;
		}
		#dibu_00 {
			width: 80rem;
			height: 12rem;
			background-color: #272e36;
			margin: 0 auto;
		}
		.dibu_01a {
			width: 80rem;
			height: 5rem;
			background-color: #272e36;
			margin: 0 auto;
			box-sizing: border-box;
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#bottom_daohang {
			list-style: none;
			margin: 0 auto;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.bottom_tab {
			list-style: none;
			width: 6rem;
			height: 3rem;
			
			font-family: "宋体";
			font-size: 1.1rem;
			font-weight: bold;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.tab_a {
			color: #FFFFFF;
		}
		
		.tab_a:hover {
			color: #1E90FF;
		}
		#dibu_01b {
			width: 80rem;
			height: 5rem;
			margin: 1rem auto;
			color: aliceblue;
			font-size: 0.9rem;
			text-align: center;
			border-top: 0.1rem solid #FFFFFF;
			
		}
		#dibu_01b > button {
			background-color: #272e36;
			color: #FFFFFF;
			font-size: 0.9rem;
			text-align: center;
			border: none;
		}
		#dibu_01b > button:hover {
			color: #1E90FF;
		}